<!--
 * @name control
 * @description 组件描述
 * @author idouya
 * @email elegentfrog@163.com
 * @date 2025-07-01
 -->

<template>
  <div class="p-control common-bg common-layout">
    <div
      class="item"
      v-for="(item, index) in menuList"
      :key="index"
      @click="gotoUrl(item.url, item.query)"
    >
      {{ item.name }}
    </div>
  </div>
</template>

<script setup>
import Storage from '@/assets/js/storage'
import Utils from '@/assets/js/utils'
import Config from '@/assets/js/config'

const { proxy } = getCurrentInstance()
const router = useRouter()
const route = useRoute()
const menuList = ref(Config.eventRoutes)

onBeforeMount(() => {})
onMounted(() => {})

const gotoUrl = (url, query) => {
  if (url) {
    router.push({
      name: url,
      query: query || {},
    })
  }
}
</script>

<style scoped lang="scss">
@import '@/assets/scss/scb/control';
</style>
